<template>
  <el-form ref="form"
           :model="article"
           label-width="80px"
           @submit.native.prevent="saveArticle">
    <el-form-item label="文章标题">
      <el-input v-model="article.title"></el-input>
    </el-form-item>
    <el-form-item label="文章内容">
      <el-input type="textarea"
                v-model="article.body"></el-input>
    </el-form-item>
    <el-form-item>
      <el-button type="primary"
                 native-type="submit">立即创建</el-button>
      <el-button>取消</el-button>
    </el-form-item>
  </el-form>
</template>
<script>
export default {
  data () {
    return {
      article: {
      }
    }
  },
  methods: {
    saveArticle () {
      // 每调用一次this.$http就会返回一个axios对象实例
      this.$http.post('articles', this.article).then(req => {
        console.log(req.config.data);
      })
    }
  }
}
</script>